<%@ page  contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="page" uri="http://www.forten.org/taglib/page"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="forten" uri="http://www.forten.org/taglib/forten"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- CSS -->
<link type="text/css" rel="stylesheet" href="../styles/css/reset.css">
<link type="text/css" rel="stylesheet" href="../styles/css/index.css">
<script type="text/javascript" src="../scripts/html5.js"></script>
<link type="text/css" rel="stylesheet" href="../scripts/uploadify/uploadify.css">
<script type="text/javascript" src="../scripts/jquery-1.6.min.js"></script>
<script type="text/javascript" src="../scripts/uploadify/jquery.uploadify.js"></script>
<!-- end -->
<title>课程附件管理</title>
<style type="text/css">
.well
{
	background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
</style>
</head>

<script type="text/javascript">
$(document).ready(function(){
	$("#fj").uploadify({
		'height'         :'25',//btn高度
		'width'          :'100',//btn宽度
		'method'		 :'post',//default method
        'uploader' 		 : 'uploadCourseware.jspx?courseId='+'${courseId}',//script
        'swf'        	 : '../scripts/uploadify/uploadify.swf',
        'fileTypeDesc' : 'xls,xlsx,pptx,pdf,docx,xls或者doc',//弹出框中的文件类型名称描述
        'fileTypeExts' : '*.xls; *.xlsx; *.pptx;*.pdf;*.docx;*.doc;*.zip;*.rar;*.ppt', //弹出框中只能显示的文件格式
        'fileDataName'   :'fj',
        'auto'           : true,//是否自动上传，默认为true
        'buttonText'     : '浏览...',//设置按钮的值
        'fileSizeLimit'  : '150MB'//设置最大上传限制
        //'uploadLimit'    : 1,//上传文件数量限制，超过数目出发函数
    });
});
</script>

<body>
	<header>
	<div class="headerWrap"></div>
	</header>

 <div class="content">

		<section>
	<div class="rc_info mt20">
		<h3>
			<span class="r_title_ico"></span>课程相关信息
		</h3>
    </div>
    <table class="rc_tab01" cellspacing="0" cellpadding="0">
    	<tbody>
    		<tr>
    			<th style="text-align: center;width: 20%">课程名</th>
    			<th style="text-align: center;width: 20%">授课教师</th>
    			<th style="text-align: center;width: 25%">上课时间</th>
    			<th style="text-align: center;">上课地点</th>
    		</tr>
    		<tr>
    			<td style="text-align: center;">${courseDto.name }</td>
    			<td style="text-align: center;">${courseDto.teacherName }</td>
    			<td style="text-align: center;"><fmt:formatDate
								value="${courseDto.teachTime }" pattern="yyyy年MM月dd日HH点mm分" /></td>
				<td style="text-align: center;">${courseDto.classroom }</td>
    		</tr>
    	</tbody>
    </table>
		<br>
   <div class="rc_info mt20">
			<h3>
				<span class="r_title_ico"></span> 课程附件导入
			</h3>
		</div>
  <form action="uploadCourseware.jspx" enctype="multipart/form-data" method="post" name="frm" id="frm" >
  <div >
				<p class="left">
	<input type="hidden" name="courseId" value="${courseId }">
    <input type="file" name="fj" id="fj" size="50" />
                </p>
  
  </div>
  </form>
  <br>
  	<div class="rc_info mt20">
		<h3>
			<span class="r_title_ico"></span><a href="gotoCheckCourseware.jspx?courseId=${courseId }">查看附件</a>
		</h3>
    </div>
  	
  <br>
  <br>
  <br>
  <div class="well">
  	<h3 style="text-align: left;font-size: 20px;line-height: 35px">上传须知</h3>
  	<ul>
       <li style="font-size: 14px;line-height: 20px">目前系统只支持上传的格式为 (<strong>.xls,.xlsx,.pptx,.ppt,.pdf,.docx,.doc,zip,rar</strong>)，单件最大可上传<strong>150MB</strong>。</li>
       <li style="font-size: 14px;line-height: 20px">建议您上传压缩包格式文件即(<strong>.rar,.zip</strong>)。</li>
       <li style="font-size: 14px;line-height: 20px">允许多个文件同时进行上传操作。</li>
       <li style="font-size: 14px;line-height: 20px">您只需选择你需要上传的文件，文件即会<strong>自动完成上传</strong>。</li>
       <li style="font-size: 14px;line-height: 20px">点击<strong>查看附件</strong>，即可已上传的课件进行管理。</li>
    </ul>
  
  </div>
  
  </section>
 </div> 
  
<%@include file="/common/foot.jsp"%>